@include ico-list("~@/assets/images/ico/user/", "user", "pass", "code");

.big-bg {
    width: 100%;
    height: 100%;
    min-height: 768px;
    // background-image: url("../assets/images/Backgroundmap.png");

    .form-bg {
        @include border-radius(6px);
        background-color: rgba(256, 256, 256, 0.1);

        .login-form {
            @include border-radius(8px);
            background-color: #ffffff;

            .login-btn {
                width: 160px;
                font-size: 17px;
            }

            .code-btn {
                font-size: 14px;
                width: 106px;
                margin-left: 6px;
            }
        }
    }
}

.last-item {
    margin-bottom: 18px;
}

/deep/.form {
    @include placeholder(15px, #999);

    .el-form-item {
        margin-bottom: 28px;
    }

    .el-form-item__content {
        line-height: 36px;
    }

    .sm-input,
    .form-input {
        height: 36px;

        .el-input__prefix {
            left: 0;
        }

        .el-input__inner {
            height: 100%;
            line-height: 100%;
        }

        .ico {
            margin: 9px 18px;
            width: 17px;
            height: 17px;
        }
    }

    .form-input {
        width: 320px;
    }

    .sm-input {
        width: 206px;
    }

    .btn-code {
        @include border-radius(1px);
        border: 1px solid #dcdcdc;
        width: 106px;
        height: 36px;
        padding: 0;
        display: inherit;
        margin-left: 6px;
    }
}